<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0,
  user-scalable=0" name="viewport">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <link rel="stylesheet" href="../css/main.css" />
  <script src="../js/app.js" type="text/javascript"></script>
  <!-- <script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.js"></script> -->
  <!-- <script src="https://cdn.bootcss.com/vue/2.4.2/vue.js"></script> -->
  <!-- <script src="https://cdn.bootcss.com/vue-router/2.7.0/vue-router.js"></script> -->
  <title>主页</title>
</head>
<body>
    <!--滑动层-->
    <div class="nong-scroll-container">
      <span class="scoll-bar"></span>
    </div>
    <!--最大化 最小化 关闭按钮层-->
    <div class="nong-operate-layer animate">
      <span class="nong-mini -nanui-minimize"></span>
      <span class="nong-max -nanui-maximize"></span>
      <span class="nong-close -nanui-close"></span>
    </div>
    <!--header的边框 为了实现像winform那样的效果-->
    <div class="nong-header-border"></div>
    <!--主要内容-->
    <div class="nong-container">
      <!--header轮播-->
      <div class="nong-header">
        <div class="nong-header-item trans-animate nong-item-active">

        </div>
        <div class="nong-header-item trans-animate" style="background-image:url('../images/nav2.jpg');">

        </div>
        <div class="nong-header-item trans-animate" style="background-image:url('../images/nav3.jpg');">

        </div>
        <div class="nong-header-item trans-animate" style="background-image:url('../images/nav4.jpg');">

        </div>
        <div class="nong-header-item trans-animate" style="background-image:url('../images/nav5.jpg');">

        </div>
      </div>
      <!-- 栏目导航 -->
      <div class="nong-nav">
        <div class="nav-item nav-item-active animate">缺素诊断</div>
        <div class="nav-item-divide"></div>
        <div class="nav-item animate">病虫害防治</div>
        <div class="nav-item-divide"></div>
        <div class="nav-item animate">栽培技术</div>
        <div class="nav-item-divide"></div>
        <div class="nav-item animate">安全常识</div>
        <div class="nav-item-divide"></div>
        <div class="nav-item animate">科教视频</div>
        <div class="nong-divide-3">

        </div>
      </div>
      <!-- 详细内容 -->
      <div class="nong-content">
        <div class="nong-content-header">
            <span class="direction-icon"></span>
            <span class="nong-main-title">
              2017中国最具投资价值公司百强榜”揭晓 华云成为
              首家入围的云厂商揭晓 华云成为揭晓 华云成为揭晓
              华云成为揭晓 华云成为
            </span>
        </div>

        <div class="nong-content-show" style="background-image:url('../images/nav5.jpg');">
          <div class="content-show-now">
              <span class="show-date">07</span>
              <span class="show-year-month">2017-8</span>
          </div>
          <div class="conent-show-layer">是有效防止是有效防止血吸虫病的手段手段血吸虫病的手段是有效防止血吸虫病的手段是有效防止血吸虫病的手段</div>
        </div>

        <div class="nong-content-item animate">
          <span class="nong-item-thumb" style="background-image:url('../images/nav1.jpg');"></span>
          <div class="nong-item-main">
            <div class="nong-item-wrapper">
              <span class="news-title">
                华云荣膺“2017未来独角兽企业”，企业服务领域位居行业榜首行业榜首行业榜首
              </span>
              <span class="news-time">2017-10-10</span>
              <span class="news-content">
                华云集团成为了首批通过可信云混合云认证的企业之一，也成为唯一一家在公有云、私有云、
                混合云三大领域产品都通过可信云认证的企业。此次可信云混合云认证的获得意味着华云集团
                的混合云解决方案在基本功能、数据私密性、
                资源调配能力、API开放性、运维系统功能、可靠性、
                可管理性、计量准确性、业务迁移性、网络接入能力
                可管理性、计量准确性、业务迁移性、网络接入能力
                可管理性、计量准确性、业务迁移性、网络接入能力
                可管理性、计量准确性、业务迁移性、网络接入能力
              </span>
            </div>
          </div>
        </div>

        <div class="nong-content-item-divide"></div>

        <div class="nong-content-item animate">
          <span class="nong-item-thumb" style="background-image:url('../images/nav1.jpg');"></span>
          <div class="nong-item-main">
            <div class="nong-item-wrapper">  <span class="news-title">
                华云荣膺“2017未来独角兽企业”，企业服务领域位居行业榜首行业榜首行业榜首
              </span>
              <span class="news-time">2017-10-10</span>
              <span class="news-content">
                华云集团成为了首批通过可信云混合云认证的企业之一，也成为唯一一家在公有云、私有云、
                混合云三大领域产品都通过可信云认证的企业。此次可信云混合云认证的获得意味着华云集团
                的混合云解决方案在基本功能、数据私密性、
                资源调配能力、API开放性、运维系统功能、可靠性、
                可管理性、计量准确性、业务迁移性、网络接入能力
                可管理性、计量准确性、业务迁移性、网络接入能力
                可管理性、计量准确性、业务迁移性、网络接入能力
                可管理性、计量准确性、业务迁移性、网络接入能力
              </span>
            </div>
          </div>
        </div>

        <div class="nong-content-item-divide"></div>

        <div class="nong-content-item animate">
          <span class="nong-item-thumb" style="background-image:url('../images/nav1.jpg');"></span>
          <div class="nong-item-main">
            <div class="nong-item-wrapper">
              <span class="news-title">
                华云荣膺“2017未来独角兽企业”，企业服务领域位居行业榜首行业榜首行业榜首
              </span>
              <span class="news-time">2017-10-10</span>
              <span class="news-content">
                华云集团成为了首批通过可信云混合云认证的企业之一，也成为唯一一家在公有云、私有云、
                混合云三大领域产品都通过可信云认证的企业。此次可信云混合云认证的获得意味着华云集团
                的混合云解决方案在基本功能、数据私密性、
                资源调配能力、API开放性、运维系统功能、可靠性、
                可管理性、计量准确性、业务迁移性、网络接入能力
                可管理性、计量准确性、业务迁移性、网络接入能力
                可管理性、计量准确性、业务迁移性、网络接入能力
                可管理性、计量准确性、业务迁移性、网络接入能力
              </span>
            </div>
          </div>
        </div>

        <div class="nong-content-item-divide"></div>

        <div class="nong-content-item animate">
          <span class="nong-item-thumb" style="background-image:url('../images/nav1.jpg');"></span>
          <div class="nong-item-main">
            <div class="nong-item-wrapper">
              <div class="nong-item-wrapper">
                <span class="news-title">
                  华云荣膺“2017未来独角兽企业”，企业服务领域位居行业榜首行业榜首行业榜首
                </span>
                <span class="news-time">2017-10-10</span>
                <span class="news-content">
                  华云集团成为了首批通过可信云混合云认证的企业之一，也成为唯一一家在公有云、私有云、
                  混合云三大领域产品都通过可信云认证的企业。此次可信云混合云认证的获得意味着华云集团
                  的混合云解决方案在基本功能、数据私密性、
                  资源调配能力、API开放性、运维系统功能、可靠性、
                  可管理性、计量准确性、业务迁移性、网络接入能力
                  可管理性、计量准确性、业务迁移性、网络接入能力
                  可管理性、计量准确性、业务迁移性、网络接入能力
                  可管理性、计量准确性、业务迁移性、网络接入能力
                </span>
              </div>
            </div>
          </div>
        </div>

        <div class="nong-content-item-divide"></div>

        <div class="nong-content-item animate">
          <span class="nong-item-thumb" style="background-image:url('../images/nav1.jpg');"></span>
          <div class="nong-item-main">
            <div class="nong-item-wrapper">
              <span class="news-title">
                华云荣膺“2017未来独角兽企业”，企业服务领域位居行业榜首行业榜首行业榜首
              </span>
              <span class="news-time">2017-10-10</span>
              <span class="news-content">
                华云集团成为了首批通过可信云混合云认证的企业之一，也成为唯一一家在公有云、私有云、
                混合云三大领域产品都通过可信云认证的企业。此次可信云混合云认证的获得意味着华云集团
                的混合云解决方案在基本功能、数据私密性、
                资源调配能力、API开放性、运维系统功能、可靠性、
                可管理性、计量准确性、业务迁移性、网络接入能力
                可管理性、计量准确性、业务迁移性、网络接入能力
                可管理性、计量准确性、业务迁移性、网络接入能力
                可管理性、计量准确性、业务迁移性、网络接入能力
              </span>
            </div>
          </div>
        </div>

        <div class="nong-content-item-divide"></div>

        <div class="nong-content-item animate">
          <span class="nong-item-thumb" style="background-image:url('../images/nav1.jpg');"></span>
          <div class="nong-item-main">
            <div class="nong-item-wrapper">
              <span class="news-title">
                华云荣膺“2017未来独角兽企业”，企业服务领域位居行业榜首行业榜首行业榜首
              </span>
              <span class="news-time">2017-10-10</span>
              <span class="news-content">
                华云集团成为了首批通过可信云混合云认证的企业之一，也成为唯一一家在公有云、私有云、
                混合云三大领域产品都通过可信云认证的企业。此次可信云混合云认证的获得意味着华云集团
                的混合云解决方案在基本功能、数据私密性、
                资源调配能力、API开放性、运维系统功能、可靠性、
                可管理性、计量准确性、业务迁移性、网络接入能力
                可管理性、计量准确性、业务迁移性、网络接入能力
                可管理性、计量准确性、业务迁移性、网络接入能力
                可管理性、计量准确性、业务迁移性、网络接入能力
              </span>
            </div>
          </div>
        </div>

      </div>
      <div class="nong-divide-3"></div>
      <div class="clear"></div>
    </div>
</body>
</html>
